<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>“宣传工作计划”审批单</title>
		<link rel="stylesheet" href="../../vendor/bootstrap-3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../css/public.css" />
		<link rel="stylesheet" href="../../vendor/jquery.my-message/css/jquery.my-message.1.1.css" />
		<link rel="stylesheet" href="../../css/carriedOutWordPlan.css" />
	</head>

	<body>
		<div class="container-fluid setWidth carried-out-word-plan">
			<div class="form-table">
				<div class="ft-top">
					<h3 class="text-center">工作计划审批</h3>
					<p class="ft-t-state">
						状态&nbsp;:&nbsp;执行中
					</p>
				</div>
				<table class="table table-bordered">
					<tbody>
						<tr>
							<td>拟稿部门</td>
							<td></td>
							<td>拟稿时间</td>
							<td></td>
						</tr>
						<tr>
							<td>拟稿人</td>
							<td></td>
							<td>联系电话</td>
							<td></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>标题</td>
							<td colspan="3"></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>计划类别</td>
							<td>普通宣传活动</td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>小组名称</td>
							<td>宣传组</td>
							<td>计划事务类别</td>
							<td>
								经费预算计划
							</td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>负责人</td>
							<td><input type="text" class="form-control input-sm" /></td>
							<td><span class="font-red">*</span>成员</td>
							<td><input type="text" class="form-control input-sm" /></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>计划执行开始时间</td>
							<td>
								<input type="date" class="form-control input-sm" />
							</td>
							<td><span class="font-red">*</span>计划执行结束时间</td>
							<td>
								<input type="date" class="form-control input-sm" />
							</td>
						</tr>
					</tbody>
				</table>
				<div class="data-table mid-table tab-table">
					<div class="mt-title">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#main-body" aria-controls="main-body" role="tab" data-toggle="tab">正文</a>
							</li>
							<li role="presentation">
								<a href="#project" aria-controls="project" role="tab" data-toggle="tab">项目</a>
							</li>
						</ul>
					</div>
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="main-body">
							<script id="editor" type="text/plain" style="width:100%;height:500px;"></script>
						</div>
						<div role="tabpanel" class="tab-pane" id="project">
							<table class="table table-bordered checked-table">
								<thead>
									<tr>
										<th>No.</th>
										<th>项目</th>
										<th>具体内容</th>
										<th>负责人</th>
										<th>当前完成进度</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>1</td>
										<td></td>
										<td></td>
										<td></td>
										<td></td>
										<td>
											<button class="btn btn-default btn-sm btn-fill">填报</button>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<table class="table table-bordered">
					<tbody>
						<tr>
							<td>备注</td>
							<td colspan="3">
								<textarea class="form-control" rows="3"></textarea>
							</td>
						</tr>
						<tr>
							<td>附件</td>
							<td colspan="3">
								<div class="upload-file">
									<div class="uf-button">
										<button id="uf-btn-upload" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span>添加</button>
										<form id="uf-form" method="post" action="/upload" target="uf-frame" encoding="multipart/form-data" enctype="multipart/form-data">
											<input id="uf-input-upload" type="file" />
										</form>
										<iframe id="uf-frame" name="uf-frame" src="" style="visibility:hidden;height: 0;border: 0;"></iframe>
									</div>
									<div class="uf-file-list" data-delUrl="url">
										<p>广州血液中心.doc
											<a href="javascript:;">[查看]</a>
											<a href="javascript:;">[删除]</a>
										</p>
										<p>广州血液中心.doc
											<a href="javascript:;">[查看]</a>
											<a href="javascript:;">[删除]</a>
										</p>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td>领导审批意见</td>
							<td colspan="3"></td>
						</tr>
					</tbody>
				</table>

			</div>
			<div class="form-table-bottom">
				<div class="ft-b-left">
					<div class="ft-b-l-top">
						<form class="form-inline">
							<label class="checkbox-inline">选择常用意见&nbsp;:</label>
							<select name="" class="form-control">
								<option value="">--------------------------请选择----------------------------</option>
							</select>
						</form>
					</div>
					<div class="ft-b-l-bottom">
						<div class="ft-b-l-b-top">
							填写审批意见&nbsp;:
							<a href="javascript:;">添加为常用意见</a>
						</div>
						<textarea class="form-control" rows="3"></textarea>
					</div>

				</div>
				<div class="ft-b-right">
					<div class="ft-b-r-top">
						功能操作&nbsp;:
						<label class="checkbox-inline">
  							<input type="checkbox"value=""> 同步发送短信通知
						</label>
					</div>
					<div class="ft-b-r-bottom">
						<div class="ft-b-r-b-left">
							<button class="btn btn-primary"><span class="glyphicon glyphicon-pencil"></span>送科室领导</button>
							<button class="btn btn-primary"><span class="glyphicon glyphicon-pencil"></span>送部门领导</button>
							<br />
							<button class="btn btn-primary"><span class="glyphicon glyphicon-pencil"></span>送中心领导</button>
							<button class="btn btn-primary"><span class="glyphicon glyphicon-arrow-left"></span>退回拟稿人</button>
						</div>
						<div class="ft-b-r-b-right">
							<p>
								<a id="readFliwImg" href="javascript:;">查看流程图</a>
							</p>
							<p>
								<a href="javascript:;">查看流程跟踪</a>
							</p>

						</div>
					</div>
				</div>
			</div>
		</div>
		<!--模态框-->
		<div id="modal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<div class="modal-body form-table">
						<!--填报实施计划-->
						<div class="ft-top">
							<h3 class="text-center">工作项目完成情况填报</h3>
							<p class="ft-t-state">
								状态&nbsp;:&nbsp;执行中
							</p>
						</div>
						<table class="table table-bordered">
							<tbody>
								<tr>
									<td>项目</td>
									<td colspan="3"></td>
								</tr>
								<tr>
									<td>具体内容</td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
								<tr>
									<td>负责人</td>
									<td></td>
									<td></td>
									<td><input type="text" class="form-control input-sm" style="visibility: hidden;" /></td>
								</tr>
								<tr>
									<td>当前完成进度</td>
									<td>
										<input type="text" class="form-control input-sm" />
									</td>
									<td>设为已完成</td>
									<td>
										<label class="checkbox-inline">
											<input type="checkbox"/>
										</label>
									</td>
								</tr>
								<tr>
									<td>完成情况</td>
									<td colspan="3">
										<textarea class="form-control" rows="3"></textarea>
										<p class="tip">说明:请在这里填写当前完成情况</p>
									</td>
								</tr>
								<tr>
									<td>附件</td>
									<td colspan="3">
										<div class="upload-file">
											<div class="uf-button">
												<button id="uf-btn-upload-2" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span>添加</button>
												<form id="uf-form-2" method="post" action="/upload" target="uf-frame" encoding="multipart/form-data" enctype="multipart/form-data">
													<input id="uf-input-upload-2" type="file" />
												</form>
												<iframe id="uf-frame-2" name="uf-frame-2" src="" style="visibility:hidden;height: 0;border: 0;"></iframe>
											</div>
											<div class="uf-file-list" data-delUrl="url">
												<p>广州血液中心.doc
													<a href="javascript:;">[删除]</a>
												</p>
												<p>广州血液中心.doc
													<a href="javascript:;">[删除]</a>
												</p>
											</div>
										</div>
									</td>
								</tr>
							</tbody>
						</table>

					</div>
					<div class="modal-footer">
						<button id="m-btn-sure" type="button" class="btn btn-primary">
							保存
						</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">
							关闭
						</button>
					</div>
				</div>
			</div>
		</div>
		<!--模态框end-->
		<script type="text/javascript" src="../../vendor/jquery1.9.min.js"></script>
		<script type="text/javascript" src="../../vendor/bootstrap-3.3.7/js/bootstrap.min.js"></script>
		<!--[if IE 8 ]>
			script type="text/javascript" src="../../vendor/es5-shim/es5-shim.min.js"></script>
			<script type="text/javascript" src="../../vendor/es5-shim/es5-sham.min.js"></script>
		 <![endif]-->
		<script type="text/javascript" src="../../vendor/template-web-min.js"></script>
		<script type="text/javascript" src="../../vendor/jquery.my-message/js/jquery.my-message.1.1.js"></script>
		<script type="text/javascript" src="../../js/public.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../vendor/ueditor-1.4.3.3/dist/utf8-jsp/ueditor.config.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../vendor/ueditor-1.4.3.3/dist/utf8-jsp/ueditor.all.min.js">
		</script>
		<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
		<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
		<script type="text/javascript" charset="utf-8" src="../../vendor/ueditor-1.4.3.3/dist/utf8-jsp/lang/zh-cn/zh-cn.js"></script>
		<script>
			var winH = window.screen.height,
				winW = window.screen.width;
			$(".ft-b-r-b-left").on("click", "button", function() {
				window.open('../public/submitToDealWith.html', '提交办理', 'height=503, width=760, top=' + (winH - 503) / 2 + ', left=' + (winW - 760) / 2 + ', toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
			});
			//查看流程图
			$("#readFliwImg").on("click", function() {
				window.open('../public/flowImg.html', '查看流程图', 'height=525, width=840, top=' + (window.screen.height - 525) / 2 + ', left=' + (window.screen.width - 840) / 2 + ', toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
			});
			$('.btn-fill').on('click', function() {
				$('#modal').modal('show');
			});
			//初始化富文本框
			var ue = UE.getEditor('editor');
			//获取html
			//UE.getEditor('editor').getAllHtml()
		</script>
	</body>

</html>